/* ============================== DEFAULT HTML ============================== */
html, body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
body {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
}
/* =============== DEFAULT HTML - LINK STYLES =============== */
a {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a img {
	border: none;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
/* =============== DEFAULT HTML - LIST STYLES =============== */
ul, ul li,
ol, ol li,
p, form {
	margin: 0;
	padding: 0;
}
ul, ul li {
	list-style: none;
}
/* =============== DEFAULT HTML - IMAGES STYLES =============== */
img {
	border: none;
}
img.image-border {
    border: 1px solid #D2D2D2;
    padding: 3px;
}
img.image-align {
	float: left;
	margin-right: 5px;
}
img.img-full-width {
	width: 100%;
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - GENERAL LAYOUT =============== */
.clearafter:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
.clearbreak {
	clear: both;
}
/* =============== LAYOUT - OVERALL PAGE =============== */
#master {
	position: relative;
}
#header_inner,
#maincontent,
#footer_inner {
	width: 960px;
	margin: 0 auto;
}
#header_inner {
	position: relative;
}
/* =============== LAYOUT - HEADER AREA =============== */
#header {
	background-color: #3096E6;
	background-image: -webkit-linear-gradient(top, #71ccff, #3096e6);
	background-image: -moz-linear-gradient(top, #71ccff, #3096e6);
	background-image: -o-linear-gradient(top, #71ccff, #3096e6);
	background-image: -ms-linear-gradient(top, #71ccff, #3096e6);
	background-image: linear-gradient(top, #71ccff, #3096e6);
}
#header h1.topheading {
	display: none;
}
#headerright {
	float: right;
	padding-top: 60px;
	text-align: right;
}
#topnav a {
	color: #fff;
    background-size: 100% auto;
    border: 1px solid #8DC7F3;
    padding: 5px 10px;
	font-size: 14px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #56ACED;	
    background-image: -moz-linear-gradient(center top , #6EB8EF, #56ACED);
	background-image: -webkit-linear-gradient(center top , #6EB8EF, #56ACED);
	background-image: -o-linear-gradient(center top , #6EB8EF, #56ACED);
	background-image: -ms-linear-gradient(center top , #6EB8EF, #56ACED);
	background-image: linear-gradient(center top , #6EB8EF, #56ACED);
}
#logo {
	float: left;
	margin-top: 10px;
}
.addthis {
	position: absolute;
	top: 15px;
	right: 0;
	background: #fff;
	padding:5px 5px 0;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* =============== LAYOUT - MENU AREA =============== */
#menu {
	margin-top: 15px;
}
ul.menu-mainmenu li {
	float: left;
	margin: 0 3px;
}
ul.menu-mainmenu li a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
}
ul.menu-mainmenu li a:hover,
ul.menu-mainmenu li a.active {
	background: #9ECFF5;
	text-decoration: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
/* =============== LAYOUT - CONTENT AREA =============== */
#mainpage {	
	background-color: #9ECFF5;	
	background-image: -webkit-linear-gradient(top , #9ECFF5, #FFFFFF);
	background-image: -o-linear-gradient(top , #9ECFF5, #FFFFFF);
	background-image: -ms-linear-gradient(top , #9ECFF5, #FFFFFF);
	background-image: linear-gradient(top , #9ECFF5, #FFFFFF);
	background-image: -moz-linear-gradient(top , #9ECFF5, #FFFFFF);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#maincontent > h1 {
	padding-top: 35px;
	color: #10334D;
	text-align: center;
	font-weight: 200;
	font-family: Helvetica;
	font-size: 35px;
}
#maincontent > h2 {
	color: #227FDF;
	font-weight: normal;
	text-align: center;	
	font-size: 20px;
	padding: 15px 0;
}
#maincontent .leftside {
	width: 63%;
	float: left;
}
#maincontent .rightside {
	width: 34%;
	float: right;
	border: 1px solid #D2D9DF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#maincontent .rightside h2 {
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #DCEFFC;
}
#maincontent .rightside a {
	color: #609CC0;
}
#maincontent .rightside ul {
	padding: 0 10px;
}
/* =============== LAYOUT - PRICE AREA =============== */
#price {
	margin-top: 20px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
#price .price-items {
	width: 25%;
	float: left;
	text-align: center;
	color: #fff;
	overflow: hidden;
}
#price .price-items .price-top {
	font-size: 20px;
	padding: 10px 0;
}
#price .price-items .price-middle {
	padding: 10px 0;
	position: relative;
	z-index: 10;
}
#price .price-items .price-middle sub {
	font-size: 24px;
    letter-spacing: 0;
    position: relative;
    top: -31px;
}
#price .price-items .price-middle em {
	font-size: 65px;
    font-style: normal;
	font-weight: normal;
    line-height: 100%;
}
#price .price-items span.arrow {
	top: -30px;
    display: block;
    font: bold 80px "Lucida Grande",Helvetica,Arial,sans-serif;
    margin: 0 auto;
    position: relative;
}
#price .price-items span.arrow:after,
#price .price-items span.arrow:before {
	border-radius: 0.2em 0.2em 0.2em 0.2em;
    content: "";
    display: block;
    height: 40px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 205px;
}
#price .price-items span.arrow:after {
	right: -82px;
    top: -40px;
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
}
#price .price-items span.arrow:before {
    left: -85px;
    top: 0;
	transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	-moz-transform:rotate(15deg);
	-webkit-transform:rotate(15deg);
	-o-transform:rotate(15deg);
}
/* ------ PRICE COLORS ------ */
#price .price-items.style-1 .price-top {
	background: #78B41E;
	background: -moz-linear-gradient(top , #78B41E 0%, #6EAA14 100%);
	background: -webkit-linear-gradient(top , #78B41E 0%, #6EAA14 100%);
	background: -o-linear-gradient(top , #78B41E 0%, #6EAA14 100%);
	background: -ms-linear-gradient(top , #78B41E 0%, #6EAA14 100%);
	background: linear-gradient(top , #78B41E 0%, #6EAA14 100%);
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
}
#price .price-items.style-2 .price-top {
	background: #05A67B;
	background: -moz-linear-gradient(top , #05A67B 0%, #059F72 100%) repeat;
	background: -webkit-linear-gradient(top , #05A67B 0%, #059F72 100%) repeat;
	background: -o-linear-gradient(top , #05A67B 0%, #059F72 100%) repeat;
	background: -ms-linear-gradient(top , #05A67B 0%, #059F72 100%) repeat;
	background: linear-gradient(top , #05A67B 0%, #059F72 100%) repeat;
}
#price .price-items.style-3 .price-top {
	background: #32C3CF;
	background: -moz-linear-gradient(top , #32C3CF 0%, #27ACC2 100%) repeat;
	background: -webkit-linear-gradient(top , #32C3CF 0%, #27ACC2 100%) repeat;
	background: -o-linear-gradient(top , #32C3CF 0%, #27ACC2 100%) repeat;
	background: -ms-linear-gradient(top , #32C3CF 0%, #27ACC2 100%) repeat;
	background: linear-gradient(top , #32C3CF 0%, #27ACC2 100%) repeat;
}
#price .price-items.style-4 .price-top {
	background: #3A3A3A;
	background: -moz-linear-gradient(top , #3A3A3A 0%, #1B1B1B 100%) repeat;
	background: -webkit-linear-gradient(top , #3A3A3A 0%, #1B1B1B 100%) repeat;
	background: -o-linear-gradient(top , #3A3A3A 0%, #1B1B1B 100%) repeat;
	background: -ms-linear-gradient(top , #3A3A3A 0%, #1B1B1B 100%) repeat;
	background: linear-gradient(top , #3A3A3A 0%, #1B1B1B 100%) repeat;
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
}
#price .price-items.style-1 .price-middle {
	background: #A8D15F;
	background: -moz-linear-gradient(top , #A8D15F 0%, #89BF47 100%);
	background: -webkit-linear-gradient(top , #A8D15F 0%, #89BF47 100%);
	background: -o-linear-gradient(top , #A8D15F 0%, #89BF47 100%);
	background: -ms-linear-gradient(top , #A8D15F 0%, #89BF47 100%);
	background: linear-gradient(top , #A8D15F 0%, #89BF47 100%);
}
#price .price-items.style-2 .price-middle {
	background: #45BC9C;
	background: -moz-linear-gradient(top , #45BC9C 0%, #30AB86 100%);
	background: -webkit-linear-gradient(top , #45BC9C 0%, #30AB86 100%);
	background: -o-linear-gradient(top , #45BC9C 0%, #30AB86 100%);
	background: -ms-linear-gradient(top , #45BC9C 0%, #30AB86 100%);
	background: linear-gradient(top , #45BC9C 0%, #30AB86 100%);
}
#price .price-items.style-3 .price-middle {
	background: #58C6D3;
	background: -moz-linear-gradient(top , #58C6D3 0%, #43B4C8 100%);
	background: -webkit-linear-gradient(top , #58C6D3 0%, #43B4C8 100%);
	background: -o-linear-gradient(top , #58C6D3 0%, #43B4C8 100%);
	background: -ms-linear-gradient(top , #58C6D3 0%, #43B4C8 100%);
	background: linear-gradient(top , #58C6D3 0%, #43B4C8 100%);
}
#price .price-items.style-4 .price-middle {
	background: #393939;
	background: -moz-linear-gradient(top , #393939 0%, #2A2A2A 100%);
	background: -webkit-linear-gradient(top , #393939 0%, #2A2A2A 100%);
	background: -o-linear-gradient(top , #393939 0%, #2A2A2A 100%);
	background: -ms-linear-gradient(top , #393939 0%, #2A2A2A 100%);
	background: linear-gradient(top , #393939 0%, #2A2A2A 100%);
}
#price .price-items.style-1,
#price .price-items.style-1 {
	background: #A7D05E;
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
}
#price .price-items.style-2,
#price .price-items.style-2 {
	background: #44BB9B;
}
#price .price-items.style-3,
#price .price-items.style-3 {
	background: #57C5D3;
}
#price .price-items.style-4,
#price .price-items.style-4 {
	background: #383838;
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
}
#price .price-items.style-1 span.arrow:after,
#price .price-items.style-1 span.arrow:before {
	background: #89BF47;
}
#price .price-items.style-2 span.arrow:after,
#price .price-items.style-2 span.arrow:before {
	background: #30AB86;
}
#price .price-items.style-3 span.arrow:after,
#price .price-items.style-3 span.arrow:before {
	background: #43B4C8;
}
#price .price-items.style-4 span.arrow:after,
#price .price-items.style-4 span.arrow:before {
	background: #2A2A2A;
}
#price .price-bottom {
	padding: 20px 0;
	margin-top: -40px;
}
/* ------ PLAN ------ */
.plan {
	background: #ECF5D8;
	color: #666;
	padding: 15px;
	font-size: 30px;
	text-align: center;
	font-weight: 200;
	font-family: helvetica;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
.plan ul li {
	display:  inline;
	margin: 0 10px;
}
.button-style {
	background: #AAE251;
	background: -moz-linear-gradient(top , #AAE251 0%, #6BA80C 100%);
	background: -webkit-linear-gradient(top , #AAE251 0%, #6BA80C 100%);
	background: -o-linear-gradient(top , #AAE251 0%, #6BA80C 100%);
	background: -ms-linear-gradient(top , #AAE251 0%, #6BA80C 100%);
	background: linear-gradient(top , #AAE251 0%, #6BA80C 100%);	
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid;
	border-color: #D1FB8E #84BF29 #84BF29;
    box-shadow: 0 0 3px rgba(0, 0, 1, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: myriad-pro,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 3px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #385B01;
    text-transform: uppercase;
}
a.button-style {
	text-decoration: none;
}
#maincontent h1.startfree {
	background-color: #ECF5D8;
	color: #666666;
	padding: 15px 50px;
	margin: 30px auto;
	font-size: 25px;
	width: 500px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#maincontent h1.startfree a {
	color: #77C044;
	text-decoration: underline;
}
/* =============== LAYOUT - FOOTER AREA =============== */
#footer {
	border-top: 10px solid #C6C6C6;
	padding: 30px 0 50px 0;
	background: #454545;
	background: -moz-linear-gradient(top , #454545 0%, #CFCFCF 100%);
	background: -webkit-linear-gradient(top , #454545 0%, #CFCFCF 100%);
	background: -o-linear-gradient(top , #454545 0%, #CFCFCF 100%);
	background: -ms-linear-gradient(top , #454545 0%, #CFCFCF 100%);
	background: linear-gradient(top , #454545 0%, #CFCFCF 100%);
}
#footer .footer-items {
	float: left;
	width: 25%;
	padding-top: 10px;
}
#footer .footer-items a.button-style {
	width: 60%;
	margin: 5px 0;
}
#footer .footer-items h2 {
	color: #609CC0;
	margin-bottom: 5px;
	font: bold 16px/20px Arial,Verdana,Helvetica,sans-serif;
}
#footer .footer-items_inner {
	margin-right: 50px;
}
#footer .footer-items.customer .footer-items_inner {
	border-right: 1px solid #89898A;
	padding-bottom: 60px;
}
#footer .footer-items_inner ul li a {
	color: #fff;
	font-size: 11px;
	padding: 5px 0;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #AAA;
}
#footer .copyright {
	text-align: center;
	color: #fff;
	margin-top: 50px;
}
#footer .copyright p {
	margin-bottom: 30px;	
}
/* ============================================= LAYOUT - REGISTER PAGE ============================================= */
#maincontent .box-wrapper {		
	margin: 25px 0 50px 0;
	padding: 20px;
	background: #fff;
	box-shadow: 0 6px 12px 0 #D0E5F5;
	border: 1px solid #DCEFFC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#maincontent .useraction {
	padding: 20px 145px;
}
#maincontent .useraction form .textfield {
	margin-bottom: 15px;
}
#maincontent .useraction form label {
	width: 26%;
	float: left;
	clear: both;
	font-weight: bold;
	font-size: 17px;
	text-align: right;
	margin-right: 20px;
	line-height: 35px;
	color: #609CC0;
	cursor: pointer;
}
#maincontent .useraction form input,
#maincontent .useraction form textarea {
	width: 55%;
	padding: 7px;
	font-size: 15px;
	border: 1px solid #D2D9DF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#maincontent .useraction form textarea {
	width: 420px;
	max-width: 420px;
	min-height: 200px;
}
#maincontent .useraction form button.button-style {
	margin-left: 185px;
}
#maincontent .useraction form div.note {
	font-style: italic;
	color: #F30;
	margin: 10px 0 0 185px;
}
#maincontent .useraction .login form h3 {
	color: #3390E6;
	font-weight: normal;
	margin-top: 10px;
	padding-left: 185px;
}
#maincontent .useraction .login form h3 a {
	color: #3390E6;
	text-decoration: underline;
}
/* ============================================= LAYOUT - SERVICE PAGE ============================================= */
#maincontent .service {
	padding: 10px 0;
	border-bottom: 1px solid #DCEFFC;
}
/* ============================================= LAYOUT - CONTACT PAGE ============================================= */
h3.contact {
	text-align: center;
	font-weight: normal;
}
h3.contact > strong {

}
/* ============================================= LAYOUT - FAQ PAGE / ACCOUNT INFORMATION ============================================= */
#maincontent .faq ul li,
#maincontent .accountinfo ul li {
	padding: 10px 0;
	border-bottom: 1px solid #DCEFFC;
}
#maincontent .faq-answer {
	color: #666;
	margin-top: 5px;
}
#maincontent .subinfo {
	position: relative;
}
#maincontent .subinfo a.button-style {
	position: absolute;
	top: 15px;
	right: 0;
	text-decoration: none;
	color: #fff;
	padding: 10px;
}
/* ============================================= LAYOUT - CONTACT US ============================================= */
.aboutus {
	color: #717880;
	font-size: 13px;
	font-weight: 200;
	font-family: Helvetica;
}
.aboutus > p {
	margin-bottom: 20px;
}
.aboutus ul {
	margin: 0 0 20px 40px;
}
.aboutus ul li {
	margin: 10px 0;
}
/* ============================================= LAYOUT - VIEW WEBSITE ============================================= */
.web-result {
	float: left;
	width: 58%;
}
.web-search {
	border: 1px solid #D2D9DF;
    float: right;
    width: 39%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.web-search form {
	padding: 10px;
}
.web-search form span {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.web-search form input {
	border: 1px solid #D2D9DF;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.web-search form > div {
	margin: 10px 0;
}
/* ============================================= LAYOUT - UPDATE ACCOUNT ============================================= */
form.update_acc {
	float: left;
	width: 180px;
}
div.account-update-intro {
	float: right;
	width: 370px;
}
div.account-update-intro p {
	border-bottom: 1px solid #DCEFFC;
	padding-bottom: 10px;
}
form.update_acc div {
	font-weight: bold;
	padding: 10px;
	width: 160px;
	color: #fff;
	margin-bottom: 10px;
	border-radius: 5px;
	background: #A7D05E;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
}
form.update_acc div:hover {
	background: #78B41E;
}
form.update_acc div:hover,
form.update_acc label {
	cursor: pointer;
}
form.update_acc div:nth-child(1) {
	background: #A7D05E;
}
form.update_acc div:nth-child(1):hover {
	background: #78B41E;
}
form.update_acc div:nth-child(2) {
	background: #44BB9B;
}
form.update_acc div:nth-child(2):hover {
	background: #05A67B;
}
form.update_acc div:nth-child(3) {
	background: #57C5D3;
}
form.update_acc div:nth-child(3):hover {
	background: #27ACC2;
}
form.update_acc div:nth-child(4) {
	background: #383838;
}
form.update_acc div:nth-child(4):hover {
	background: #1B1B1B;
}
/* =============== TYPOGRAPHY - TABLE STYLES =============== */
table.table-style {
	background: #ffffff;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-weight: bold;
}
table.table-style img {
	width: 24px;
}
table.table-style a {
	color: #fff;
}
table.table-style caption {
	padding: 6px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
table.table-style td,
table.table-style th {
	padding: 10px;
	transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
}
table.table-style th {
	text-align: left;
}
table.table-style .highlight {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
table.table-style thead th {
	font-size: 1.1em;
	border-top: 6px solid #fff;
	color: #ffffff;
}
table.table-style thead th.highlight {
	border-top: none;
}
table.table-style tbody th,
table.table-style tbody td {
	vertical-align: center;
	text-align: left;
}
table.table-style tbody tr.odd {
	background: #F3F3F3;
}
table.table-style tbody tr:hover th,
table.table-style tbody tr:hover td {
	background: #E4E4E4;
}
table.table-style tfoot {
	border: 1px solid #DEDEDE;
}
table.table-style tfoot th,
table.table-style tfoot td {
	border: none;
	padding: 4px 10px;
}
table.table-style tfoot td {
	text-align: right;
}
/* ----- COLOR STRIPES TABLE ----- */
table.style-colorstripes {
	color: #fff;
}
table.style-colorstripes thead,
table.style-colorstripes tfoot {
	border: none;
}
table.style-colorstripes tbody td,
table.style-colorstripes tbody th {
	border-left: none;
}
table.style-colorstripes tbody .highlight {
	color: #666;
}
/* =============== TABLE COLORS =============== */
table.table-style tbody .highlight {
	background-color: #999;
}
table.table-style tbody tr.odd .highlight {
	background-color: #7E7E7E;
}
table.table-style tbody tr:hover .highlight {
	background: #737373;
}
table.table-style tfoot th,
table.table-style tfoot td {
	background-color: #D9D9D9;
}
/* ----- COLOR HEADER TABLE ----- */
table.style-colorheader .highlight {
	border-bottom: 1px solid #B9B9B9;
	border-right: 1px groove #F8F8F8;
}
table.style-colorheader thead th {
	background-color: #23AEE5;
	border-right: 1px groove #F8F8F8;
}
table.style-colorheader thead th.highlight {
	background-color: #484848;
}
table.style-colorheader tbody th,
table.style-colorheader tbody td {
	border-left: 1px solid #F8F8F8;
	border-right: 1px solid #F8F8F8;
}
/* ----- COLOR STRIPES TABLE ----- */
table.style-colorstripes td,
table.style-colorstripes th {
	border-bottom: 1px solid #FFF;
	border-right: 1px groove #B4E3F5;
}
table.style-colorstripes thead th {
	background-color: #23AEE5;
}
table.style-colorstripes thead th.highlight {
	background-color: #59C4EC;
}
table.style-colorstripes tbody tr {
	background-color: #86D3F0;
}
table.style-colorstripes tbody td,
table.style-colorstripes tbody th {
	border-right: 1px solid #B4E3F5;
}
table.style-colorstripes tbody .highlight {
	background-color: #E4F5FC;
}
table.style-colorstripes tbody tr.odd {
	background-color: #59C4EC;
}
table.style-colorstripes tbody tr.odd .highlight {
	background-color: #C2E9F8;
}
table.style-colorstripes tbody tr:hover th,
table.style-colorstripes tbody tr:hover td {
	background-color: #33B6E8;
}
table.style-colorstripes tbody tr:hover .highlight {
	background-color: #9CDBF3;
}
table.style-colorstripes tfoot th,
table.style-colorstripes tfoot td {
	background-color: #23AEE5;
}
.sectiontableheader {
	background-color: #1898C9;
}
/* ----- GREY STRIPES TABLE ----- */
table.style-greystripes .highlight {
	border-bottom: 1px solid #B9B9B9;
	border-right: 1px groove #EBEBEB;
}
table.style-greystripes thead th {
	background: #374143;
	border-right: 1px groove #FFF;
}
table.style-greystripes thead th.highlight {
	background-color: #484848;
}
table.style-greystripes tbody th,
table.style-greystripes tbody td {
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
}
/* =============== CUSTOM TABLE STYLE IN SPECIFIC CASE =============== */
div.web-result table.table-style tr th,
div.web-result table.table-style tr td {
	text-align: center;
}
/* ============================================= LAYOUT - VIEW WEBSITE ============================================= */
.quickcheck {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #9ECFF5;
	padding: 10px 10px 0;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
.quickcheck input,
.form input {
	border: 1px solid #D2D9DF;
    font-size: 10px;
	color: #636363;
    padding: 7px;
	margin-right: 5px;
	width: 180px;
	border-radius: 3px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* ============================================= LAYOUT - ADD SITE ============================================= */
form.add-site input {
	margin: 10px 0;
}
/* ============================================= LAYOUT - CHANGE PASSWORD ============================================= */
.change-password form {
	float: left;
}
.change-password form > div {
	background: #A7D05E;
	padding: 10px;
	min-height: 250px;
	border-radius: 5px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.change-password form > div > span {
	color: #fff;
	font-weight: bold;
}
.change-password form > div > div {
	margin-bottom: 10px;
}
.change-password-des {
	float: right;
	width: 330px;
}
/* ============================================= LAYOUT - FACEBOOK ============================================= */
.facebook {
	background: #fff;
	margin: 30px 0;
}
.forgot{
	color: #FFF;
}
.alert_message{
	color: #E14120;
	font-size: 20px;
	text-align: center;
}
.note {
	padding: 10px;
	color: #E14120;
	font-size: 15px;
}